UserCSS - 縮小YouTube嵌入尺寸
解析度速見表
code:style.css
.iframe-video-player:not(.floating) {
iframe {
width: 99%;
max-width: 480px;
height: auto;
}
iframe:is(.youtube, .vimeo) {
max-height: 272px;
aspect-ratio: 16 / 9;
}
&:hover .control {
right: unset;
left: min(99% - 24px, 456px); /* calc(min(99%, 640px) - 24px) */
}
}
strong .iframe-video-player:not(.floating) {
iframe {
max-width: 99%;
}
iframe:is(.youtube, .vimeo) {
max-height: none;
}
&:hover .control {
left: calc(99% - 24px);
}
}
code:style.css
.video-player video {
max-height: 272px;
}